<template>
	<view class="ls">
		<view class="content">
			<view class="title">
				<view class="title_name">
					限时秒杀
				</view>
				<view class="more">
					更多好货限时疯抢 >
				</view>
			</view>
			<view class="goodsList">
				<view class="goodsbox">
					<view class="goods">
						<view class="goodsimg">
							<image src="" mode=""></image>
						</view>
						<view class="sall">
							33
						</view>
						<view class="oldprice">
							<view class="num">
								99
							</view>
							<view class="line">
								
							</view>
						</view>
					</view>
					<view class="more">
						<view class="txt">
							查看更多
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.ls {
		width: 730rpx;
		margin: 0 auto;
		padding: 10rpx;
		box-sizing: border-box;
		background-color: #fff;
		.content {
			width: 100%;
			.title {
				width: 100%;
				padding: 10rpx 20rpx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.title_name {
					font-size: 30rpx;
					font-weight: bold;
					color: red;
				}
				.more {
					font-size: 20rpx;
					color: #aaa;
				}
			}
			.goodsList {
				width: 100%;
				box-sizing: border-box;
				overflow: scroll;
				padding: 10rpx 20rpx;
				.goodsbox {
					width: 1060rpx;
					display: flex;
					align-items: center;
					.more {
						width: 60rpx;
						height: 180rpx;
						background-color: #f5f5f5;
						color: #aaa;
						font-size: 24rpx;
						text-align: center;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						.txt {
							writing-mode: tb-rl;
							letter-spacing: 15rpx;
						}
					}
					.goods {
						width: 100rpx;
						margin: 0 10rpx;
						display: flex;
						align-items: center;
						flex-direction: column;
						.goodsimg {
							width: 100rpx;
							height: 100rpx;
							border: 1px solid #aaa;
							box-sizing: border-box;
							overflow: hidden;
							image {
								width: 100rpx;
								height: 100rpx;
							}
						}
						.sall {
							font-size: 24rpx;
							color: red;
							line-height: 40rpx;
						}
						.oldprice {
							font-size: 26rpx;
							line-height: 40rpx;
							color: #aaa;
							position: relative;
							left: 0;
							top: 0;
							.line {
								width: 100%;
								height: 1px;
								background-color: #aaa;
								position: absolute;
								left: 0;
								top: 50%;
							}
						}
					}
				}
			}
		}
	}
</style>
